<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/web/commons/global.jsp"%>
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>极乐佛经网-提供大藏经下载大全|佛经念诵|经书抄写|助印经书|经书结缘</title>

<script src="${baseUrl }/resources/js/common.js" type="text/javascript"></script>
<script type="text/javascript">
	var baseUrl = '${baseUrl}';
</script>

<script type="text/javascript">
	$(function() {
		$('#-COMMON-SEARCH-BNT-').click(function() {
			_DO_COMMON_SEARCH_();
		});

		$('#-COMMON-SEARCH-INPUT-').bind('keydown', function(e) {
			var key = e.which;
			if (key == 13) {
				_DO_COMMON_SEARCH_();
			}
		});

	});

	function _DO_COMMON_SEARCH_() {
		var keyworks = $.trim($('#-COMMON-SEARCH-INPUT-').val());
		if (!keyworks) {
			return;
		}
		window.location.href = baseUrl + "/search/list.html?keywords="
				+ keyworks;
	}
</script>

</head>
<body>
	<header class="top-header-wrapper">
		<div class="header header-main">
			<div class="logo-div">
				<div class="logo">
					<a href="${baseUrl }"><span> <img alt="极乐佛经网"
							src="${baseUrl }/resources/img/logo.png">
					</span></a>
				</div>

				<div class="search-div">
					<div class="input-group">
						<input type="text" class="form-control" placeholder="请输入搜索关键字"
							value="${param.keywords }" id="-COMMON-SEARCH-INPUT-" /> <span
							class="input-group-btn" id="-COMMON-SEARCH-BNT-"> <a
							class="btn btn-default" type="button"><i
								class="icon-search icon-large"></i></a>
						</span>
					</div>

				</div>
			</div>
			<div class="nav-div">
				<nav class="nav">
					<ul class="ul-li-horizontal">
						<!-- 						<li><a href="" -->
						<!-- 							style="color: rgba(50, 50, 50, 1); font-size: 18px;"><span>首页</span></a></li> -->
						<!-- 						<li><a href=""><span>栏目1</span></a></li> -->
						<!-- 						<li><a href=""><span>栏目2</span></a></li> -->
						<!-- 						<li><a href="">疾病与病症</a></li> -->
						<!-- 						<li><a href="#" class="show-top-header-sidebar-a" id=""><span>&hellip;</span></a> -->
						<!-- 						</li> -->
						<div class="clear-both"></div>
					</ul>
				</nav>
			</div>

			<c:if test="${not empty userContext}">
				<div class="name-div">
					<div class="user-info">
						<a href=""> <img
							src="${userContext.enhancedUser.portraitUrl }" /> <span>${userContext.enhancedUser.nickname
								}</span>
						</a>
					</div>
					<div class="user-info-extral hid">
						<ul class="list-unstyled">
							<!-- 							<li><a href=""> <span><i class="icon-info-sign"></i></span> -->
							<!-- 									<span>@Me</span> -->
							<!-- 									<div class="clear-both"></div> -->
							<!-- 							</a></li> -->
							<!-- 							<div class="clear-both"></div> -->
							<!-- 							<li><a href=""> <span><i class="icon-bullhorn"></i></span> -->
							<!-- 									<span>消息</span> -->
							<!-- 									<div class="clear-both"></div> -->
							<!-- 							</a></li> -->
							<!-- 							<div class="clear-both"></div> -->

							<li><a href="javascript:;" onclick="logout()"> <span><i
										class="icon-signout"></i></span> <span>退出</span>
									<div class="clear-both"></div>
							</a></li>
							<div class="clear-both"></div>
						</ul>
					</div>
				</div>
			</c:if>

			<div class="clear-both"></div>
		</div>
		<div class="clear-both"></div>
		<c:if
			test="${empty userContext && (empty isNotShowLoginBar || not isNotShowLoginBar)}">
			<div class="spit-hr-1"></div>
			<!-- 			<div style="background-color: rgba(242, 238, 227, 0.1);"> -->
			<div class="login-div">
				<div class="desc">获取更多 &gt;</div>
				<div class="ul">
					<ul class="ul-li-horizontal login-ul">
						<li><a class="btn btn-default clear-radius"
							href="${baseUrl }/login/page.html"> 登&nbsp;录 </a></li>
						<li><a class="btn btn-default clear-radius"
							href="${baseUrl }/register/page.html"> 注&nbsp;册 </a></li>
					</ul>
				</div>
			</div>
			<!-- 			</div> -->
		</c:if>

		<div class="spit-hr-1 clear-both"></div>

		<div class="sidebar hid">
			<div class="left-side"></div>
			<div class="right-side">
				<div class="side-close">
					<a href="#" class="side-close-btn"> <i class="icon-remove"></i></a>
				</div>
				<div class="clear-both"></div>
				<nav>
					<ul class="list-group sidebar-ul">
						<a href="">
							<li class="list-group-item">栏目1</li>
						</a>
						<a href="">
							<li class="list-group-item">栏目2</li>
						</a>
						<a href="">
							<li class="list-group-item">栏目3</li>
						</a>

						<a href="">
							<li class="list-group-item">栏目4</li>
						</a>

						<a href="">
							<li class="list-group-item">
								<!--<span class="badge">新</span>--> 栏目5
						</li>
						</a>
						<a href="">
							<li class="list-group-item" onclick="">其他 <!--<span class="badge">新</span>-->
						</li>
						</a>
					</ul>

				</nav>
			</div>
		</div>
	</header>
</body>